<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>多媒体</title>
</head>
<body>
多媒体处理
  html5对视频和音频的支持
  支持的视频格式： mp4,ogg,webm
  标签： video source(用于指定播放的视频源)
        <video>您的浏览器不支持video<source src=""></source></video>
  属性：
    autoplay
    controls
    loop
    src
    poster 视频加载时现实一张图片
    preload
        none 不缓冲，节省流量
        metadata 下载元数据
        auto 自动
  事件:
    progress : 用于更新媒体下载进度
    conplaythrough : 当媒体可以顺利播放时，就会触发
    canpaly : 下载了可放帧会触发这个事件
    ended : 媒体到达末尾触发
    pause ：媒体暂停时触发
    paly ：媒体开始播放时触发
    error : 媒体播放出错时触发

  方法：
    paly() 播放
    pause() 暂停
    load() 加载
    canPlayType(type) 验证是否支持某一格式的文件
      type: video/mp4 ...
      返回值： probaly ： 应该支持该视频
              maybe ： 可能支持
              - ：不支持该视频

  属性：
    paused: 媒体处于暂停或未播放的状态
    ended: 是否停止、
    duration: 返回时常
    currentTime: 获取媒体播放位置




</body>
</html>
